<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>
<body>
    <main>
        <div class="title"><a href="./login.html">密码登录</a></div>
        <div class="msg">
            <h3>手机号登陆/注册</h3>
            <p>快速找到好友，一站式记录你的运用</p>
        </div>
        <div class="form">
            <p class="tel">
                <span>+86</span>
                <i class="iconfont icon-tubiao_jiyao-xiaosanjiao"></i>
                <input type="text" placeholder="输入电话号码">
            </p>
            <p class="word">
                <input type="text" placeholder="输入验证码">
                <span class="yanzheng">
                    <canvas width="100" height="44" id="captcha"></canvas>
                </span>
            </p>
            <p><input type="password" placeholder="请输入密码"></p>
            <p><input type="password" placeholder="请再次确认密码"></p>
            <!-- 提示框 -->
            <button>注册账号</button>
            
        </div>
        <p class="weixin">
            <i class="iconfont icon-weixin"></i>
            微信注册
        </p>
        <div class="holdOn">-HOLD&nbsp;ON-</div>
    </main>
</body>
</html>